<template>
  <view class="container">
    <view class="box" v-for="{ item, index } in 5" :key="index">
      <view class="one"> 管控措施-1 </view>
      <view class="two">
        <textarea
          style="background-color: #f6f6f6"
          name=""
          id=""
          cols="30"
          rows="10"
        ></textarea>
      </view>
      <view class="one"> 管控措施拍照 </view>
      <view class="two">
        <u-upload
          :fileList="fileList1"
          @afterRead="afterRead"
          @delete="deletePic"
          name="1"
          multiple
          :maxCount="10"
        ></u-upload>
      </view>
    </view>

    <view class="butt">
      <u-button type="" text="上一步" @click="back" class="but"></u-button>
      <u-button
        type="primary"
        text="管控措施未落实"
        @click="submit"
        class="but"
      ></u-button>
      <u-button type="primary" text="下一步" @click="submit" class="but"></u-button>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      radiolist1: [
        {
          name: "是",
          disabled: false,
        },
        {
          name: "否",
          disabled: false,
        },
      ],
      // u-radio-group的v-model绑定的值如果设置为某个radio的name，就会被默认选中
      radiovalue1: "苹果",
    };
  },
  methods: {
    back() {
      uni.navigateBack({
        delta: 1,
      });
    },
    submit() {
      uni.navigateTo({
        url: "../identification/identification",
      });
    },
  },
};
</script>

<style lang="scss">
.container {
  padding: 40rpx 24rpx;
  background-color: #f6f6f6;
}

.box {
  background-color: #fff;
  padding: 30rpx;
  border-radius: 20rpx;
  margin-bottom: 30rpx;

  .one {
  }
  .two {
    padding: 20rpx 0rpx;
    border-bottom: 1rpx solid #f6f6f6;
    margin-bottom: 20rpx;
  }
}

.butt {
  margin-top: 30rpx;
  display: flex;
}
</style>
